<template>
	<view class="container auto w750 pt30">
		<!-- 亮点的盒子 -->
		<view class="posir dflex jcc">
			<!-- 背景图 -->
			<view class="container-bgimg textc auto white posia">担保方</view>
			<view class="container-box mt30">
				<!-- 第一板块 -->
				<view class="auto mt20 text">
					<view
						style="width: 600rpx;margin: 0 auto;line-height: 42rpx; color: #693113;"
						class="fs26 pb26"
					>
						{{props.guarantee_bank}}
					</view>
				</view>
			</view>
		</view>
		<!-- 亮点的盒子 -->
	</view>
</template>

<script setup>
import { ref,defineProps } from 'vue';
const props=defineProps(['guarantee_bank'])
</script>

<style lang="scss" scoped>
.container {
	background-color: rgba(248, 230, 225, 1);
	.container-bgimg {
		background-image: url('../../static/title-image.png');
		width: 277rpx;
		height: 68rpx;
		line-height: 68rpx;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.container-box {
		width: 690rpx;
padding-bottom: 20rpx;
		background: #fff8ed;
		border-radius: 30rpx;
		& > view {
			width: 650rpx;
			border-radius: 15rpx;
			border: 2rpx solid rgba(235, 97, 18, 0.32);
		}

		.container-item {
			padding-bottom: 42rpx;
		}
	}
}
.text{
	padding-top: 28rpx;
}
</style>
